$input: (
  'min-height': 32px,
  'readonly-color': getCssVar(color, disabled, text),
  'placeholder-color': getCssVar(color, text, 2),
);

@include b('input') {
  height: 100%;
  font-size: getCssVar(font-size, regular);
  @include set-component-css-var(input, $input);

  .el-input .el-input__inner {
    height: 100%;
  }

  .el-textarea .el-textarea__inner {
    height: 100%;
  }


  .el-textarea .el-textarea__inner::placeholder {
    @include overflow-wrap;
  }

  @include b(input-input) {
    height: 100%;

    // 避免自适应高度后，没配高度么有默认行高
    min-height: getCssVar(input, min-height);
  }

  @include m(readonly) {
    line-height: getCssVar(input,min-height);
    color: getCssVar(input, readonly-color);
  }

  // 单位后缀样式
  .el-input__suffix {
    .#{bem(input,unit)} {
      // font-size: getCssVar('form-item', 'font-size');
      font-style: normal;
    }
  }

  @include m(readonly){
    height: auto;
  }
}
